﻿@{
    Layout = null;
}
<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Expires" content="0" />
    <meta http-equiv="Cache" content="no-cache" />
    <title>胸痛病历</title>  
    <link rel="stylesheet" href="~/Scripts/ligerUI/skins/Aqua/css/ligerui-all.css" />
    <link rel="stylesheet" href="~/Scripts/ligerUI/skins/ligerui-icons.css" />
    <link rel="stylesheet" href="~/Scripts/ligerUI/skins/Gray/css/all.css" />
    <link rel="stylesheet" href="~/Content/css/common.css" />
    <script src="~/Scripts/jquery-1.10.2.min.js"></script>
    <script src="~/Scripts/ligerUI/js/ligerui.all.js"></script>
    <script src="~/Scripts/common.js?v=@DateTime.Now.ToString("yyyyMMdd")"></script>    
    <style  >
        *{padding:0;margin:0;}
        body{background:#f6f6f6;width:1170px;}
.radio_label{display:inline-block;width:auto;height:22px;background:url(/Content/images/radiobutton.png) no-repeat;background-position:-13px -16px;text-indent:22px;line-height:22px;}
.radio_label:hover{background-position:-13px -116px;}
.checkbox_label{display:inline-block;width:auto;height:22px;background:url(/Content/images/checkboxbutton.png) no-repeat;background-position:-13px -16px;text-indent:22px;line-height:22px;}
.checkbox_label:hover{background-position:-13px -116px;}
.checked{background-position:-13px -216px;}
.checked:hover{background-position:-13px -216px;}
input[type=radio]{width:0;}
input[type=checkbox]{width:0;}
.listDiv{width:50%;height:auto;min-height:100px;}
.listDiv ul{margin-left:5%;width:90%;height:auto;min-height:100px;}
.listDiv ul li{float:left;width:25%;height:40px;text-align:center;}
.text-left{text-align:left;}
        .text-right {
            text-align: left;
        }
        .topPosition {
            width: 100%;
            height: 50px;
            text-align: center;
            background-color: #f1f6f8;
        }
        .patientsDiv {
            float: left;
            width: 200px;
            height: 25px;
            line-height: 25px;
            background-color: #fff;
            border-radius: 5px;
            margin-left: 5px;
            text-align: center;
            margin-left: 20px;
            font-size: 13px;
            margin-top: 10px;
        }

        
         .lujing {
            margin-top: 10px;
            float: left;
            width: 120px;
            height: 25px;
            line-height: 25px;
            background-color: #fff;
            cursor: pointer;
            border-radius: 5px;
            margin-left: 10px;
            text-align: center;
            font-size: 13px;
        }
        .lujingcur {
            background-color: #02b9e3;
        }

        .compreL {
            background-color:#fdfeec;
            width:485px;
            height:auto;
            min-height:40px;
            float:left;
            line-height:40px;
        }

        .compreR {
            background-color: #ebfdfd;
            width: 485px;
            height: auto;
            line-height: 40px;
            min-height: 40px;
            float: left;
        }
        .compreC {
            background-color: #f0f0f0;
            width: 30px;
            height: 40px;
            line-height:40px;
            float: left;
            text-align:center;
        }
        .rowPlus {
            border-bottom: solid 1px #d6d7c7;
            height: auto;
            min-height: 30px;
            clear: both;
        }
        .c_title_infoL {
            float:right;
        }
        .c_title_infoL p{
            line-height:32px;
            height:32px;
            font-size:14px;
            text-align:right;
        }
        .c_title_infoR {
            float:left;
        } .c_title_infoR p {
            line-height: 32px;
            height: 32px;
            font-size: 14px;
            text-align: left;
        }
        .compareTitDivL {
            height: 70px;
            width: 90px;
            float:left;
        }
        .compareTitDivR {
            height: 70px;
            width: 90px;
            float:right;
        }

        .compareTit {
            font-size: 26px;
            margin-top: 15px;
            margin-right: 5px;
            margin-left: 5px;
            color: #a4a49c;
        }
        .compinfo {
            height: 70px;
            width: 395px;
        }
        .fulline {
            height: 5px;
            clear: both;
        }
        .nameL {
            float: left;
            height: 40px;
            line-height: 40px;
            margin-left: 15px;
        }
        .timeL {
            float: right;
            height: 40px;
            line-height: 40px;
            margin-right: 5px;
        }
        .nameR {
            float: right;
            height: 40px;
            line-height: 40px;
            margin-right: 15px;
        }
        .timeR {
            float: left;
            height: 40px;
            line-height: 40px;
            margin-left: 5px;
        }
        .img_icon_red {
            width: 17px;
            height: 16px;
            background: url(/Content/images/icon_green.png) no-repeat;
            margin-left:6px;
            margin-top:12px;
        }
        .tit_luj {
            height:30px;
            line-height:30px;
            text-align:center;
            color: #a4a49c;
            font-size:18px
        }
        .tit_pname {
            height: 30px;
            line-height: 30px;
            text-align: center;
            font-size: 14px;
            color: #999;
        }
        .tit_lujname {
            height: 30px;
            line-height: 30px;
            text-align: center;
            font-size: 14px;
            color: #999;
        }
        .compares {
            background: #02b9e3;
            width: 60px;
            height: 25px;
            line-height: 25px;
            cursor: pointer;
            border-radius: 5px;
            margin-left: 50px;
            text-align: center;
            font-size: 13px;
        }

        .compreDiv {
            width: 150px;
            float: left;
            margin-left: 10px;
        }
        .compareDivs {
            width: 150px;
            height: 100px;
            cursor:pointer;
            margin-top: 10px;
        }
        .compare1 {
            background-color: #fdfeec;
        }
        .compare2 {
            background-color: #ebfdfd;
        }
        .compareMain {
            width: 1000px;
            height: auto;
            min-height: 500px;
            float: left;
            margin-top: 10px;
            margin-left: 10px;
        }
    </style>
    
    <script>
        $(function () {
            $(".lujing").on("click", function () {
                $(".lujing").removeClass("lujingcur");
                $(this).addClass("lujingcur");
            })

            $("#compare2").on("click", function () {
                $.ligerDialog.open({
                    height: 470,
                    width: 550,
                    title: "添加对比患者",
                    url: '/ChestPainCenter/MedicalRecords/Patients?id=' + 0,
                    showMax: false,
                    showToggle: false,
                    showMin: false,
                    isResize: false,
                    slide: false,
                    data: {},
                    cls: "closeCls"
                }).max();

            })
        })

        $(document).on("click", ".closeCls", function () {
            alert($("#txtpid").val());
        });
    </script>
</head>
<body>
    <div class="topPosition" style="display:none;">
        <div class="patientsDiv">
            张三&nbsp;&nbsp;男&nbsp;&nbsp;30岁
        </div>
        <div class="lujing lujingcur">胸痛</div>
        <div class="lujing">卒中</div>
        <div class="lujing">创伤</div>
    </div>
    <div class="compreDiv">
        <div class="compareDivs compare1">
            <div class="tit_luj">路径1</div>
            <div class="tit_pname">患者：张志明</div>
            <div class="tit_lujname">路径：卒中</div>
        </div>
        <div class="compareDivs compare2" id="compare2">
            <div class="tit_luj">路径2</div>
            <div class="tit_pname">患者：李勇</div>
            <div class="tit_lujname">路径：卒中</div>
            <input id="txtpid" type="hidden" />
        </div>
        <div class="compareDivs">
            <div class="compares">对比</div>
        </div>
    </div>
    <div class="compareMain">

        <div class="rowPlus">
            <div class="compreL">
                <div class="compareTitDivL">
                    <div class="compareTit text-left">路径1</div>
                </div>
                <div class="c_title_infoL compinfo">
                    <p>(卒中)46岁 / 男 / 张志明&nbsp;</p>
                </div>
            </div>
            <div class="compreC" style="height:70px;">
            </div>
            <div class="compreR">
                <div class="c_title_infoR compinfo" style="float:left;">
                    <p>&nbsp;李勇 / 女  / 30岁 / (卒中)</p>
                </div>
                <div class="compareTitDivR">
                    <div class="compareTit text-right">路径2</div>
                </div>
            </div>
        </div>

        <div class="rowPlus">
            <div class="compreL text-right">
                <div class="nameL">急救车到达时间(0分钟)</div>
                <div class="timeL">2019-05-11 12:33:44</div>
            </div>
            <div class="compreC"><div class="img_icon_red"></div></div>
            <div class="compreR"></div>
            <div style="clear:both;"></div>
        </div>
        <div class="rowPlus">
            <div class="compreL"></div>
            <div class="compreC"><div class="img_icon_red"></div></div>
            <div class="compreR text-left">
                <div class="timeR">2019-05-11 13:33:44 </div>
                <div class="nameR">(0分钟)急救车到达时间</div>
            </div>
            <div style="clear:both;"></div>
        </div>

        <div class="rowPlus">
            <div class="compreL text-right">
                <div class="nameL">到达医院时间(15分钟)</div>
                <div class="timeL">2019-05-11 12:33:44</div>
            </div>
            <div class="compreC"><div class="img_icon_red"></div></div>
            <div class="compreR"></div>
            <div style="clear:both;"></div>
        </div>
        <div class="rowPlus">
            <div class="compreL"></div>
            <div class="compreC"><div class="img_icon_red"></div></div>
            <div class="compreR text-left">
                <div class="timeR">2019-05-11 14:33:44 </div>
                <div class="nameR">(13分钟)到达医院时间</div>
            </div>
            <div style="clear:both;"></div>
        </div>

        <div class="rowPlus">
            <div class="compreL text-right">
                <div class="nameL">接诊时间(15分钟)</div>
                <div class="timeL">2019-05-11 14:44:44</div>
            </div>
            <div class="compreC"><div class="img_icon_red"></div></div>
            <div class="compreR"></div>
            <div style="clear:both;"></div>
        </div>
        <div class="rowPlus">
            <div class="compreL"></div>
            <div class="compreC"><div class="img_icon_red"></div></div>
            <div class="compreR text-left">
                <div class="timeR">2019-05-11 14:55:44 </div>
                <div class="nameR">(10分钟)接诊时间</div>
            </div>
            <div style="clear:both;"></div>
        </div>

        <div class="rowPlus">
            <div class="compreL text-right">
                <div class="nameL">心电图时间(19分钟)</div>
                <div class="timeL">2019-05-11 14:39:44</div>
            </div>
            <div class="compreC"><div class="img_icon_red"></div></div>
            <div class="compreR"></div>
            <div style="clear:both;"></div>
        </div>
        <div class="rowPlus">
            <div class="compreL"></div>
            <div class="compreC"><div class="img_icon_red"></div></div>
            <div class="compreR text-left">
                <div class="timeR">2019-05-11 14:58:44 </div>
                <div class="nameR">(11分钟)心电图时间</div>
            </div>
            <div style="clear:both;"></div>
        </div>

        <div class="rowPlus">
            <div class="compreL text-right">
                <div class="nameL">出导管室时间(15分钟)</div>
                <div class="timeL">2019-05-11 15:33:44</div>
            </div>
            <div class="compreC"><div class="img_icon_red"></div></div>
            <div class="compreR"></div>
            <div style="clear:both;"></div>
        </div>
        <div class="rowPlus">
            <div class="compreL"></div>
            <div class="compreC"><div class="img_icon_red"></div></div>
            <div class="compreR text-left">
                <div class="timeR">2019-05-11 15:38:44 </div>
                <div class="nameR">(10分钟)出导管室时间</div>
            </div>
            <div style="clear:both;"></div>
        </div>



    </div>


</body>
</html>